{% extends "./inc/base.html" %}
{% block style%}
<link href="/static/assets/css/layout-shop.css" rel="stylesheet" type="text/css"/>
{% endblock %}
{% block content %}


<!-- CART -->
    <section>
        <div class="container">
            {% if setp == 3%}
            <div class="row process-wizard process-wizard-primary">

                <div class="col-xs-3 process-wizard-step complete">
                    <div class="text-center process-wizard-stepnum">第一步</div>
                    <div class="progress">
                        <div class="progress-bar"></div>
                    </div>
                    <a href="#" class="process-wizard-dot"></a>
                    <div class="process-wizard-info text-center">购物车</div>
                </div>

                <div class="col-xs-3 process-wizard-step complete"><!-- complete -->
                    <div class="text-center process-wizard-stepnum">第二步</div>
                    <div class="progress">
                        <div class="progress-bar"></div>
                    </div>
                    <a href="#" class="process-wizard-dot"></a>
                    <div class="process-wizard-info text-center">确认订单信息</div>
                </div>

                <div class="col-xs-3 process-wizard-step active"><!-- complete -->
                    <div class="text-center process-wizard-stepnum">第三步</div>
                    <div class="progress">
                        <div class="progress-bar"></div>
                    </div>
                    <a href="#" class="process-wizard-dot"></a>
                    <div class="process-wizard-info text-center">选择支付</div>
                </div>

                <div class="col-xs-3 process-wizard-step disabled"><!-- active -->
                    <div class="text-center process-wizard-stepnum">第四步</div>
                    <div class="progress">
                        <div class="progress-bar"></div>
                    </div>
                    <a href="#" class="process-wizard-dot"></a>
                    <div class="process-wizard-info text-center">订购完成</div>
                </div>

            </div>

            <div class="alert alert-mini alert-success margin-bottom-20"><!-- SUCCESS -->
                <button data-dismiss="alert" class="close" type="button"><span aria-hidden="true">×</span><span
                        class="sr-only">Close</span></button>
                <strong> <i class="fa fa-check "></i> 尊敬的 {{controller.user.username}}，</strong> 订单已成功提交！
            </div>
            {%endif%}
            <div class="panel panel-default margin-bottom-20">
                <div class="panel-body ">

                    <div class="heading-title heading-dotted text-center margin-bottom-20">
                        <h4><span>[支付信息]</span></h4>
                    </div>
                    {%if order.type == 0%}
                    <div class="alert alert-mini alert-warning "><!-- WARNING -->
                        <button data-dismiss="alert" class="close" type="button"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
                        <i class="fa fa-hourglass-half"></i> 请您在提交订单后 <span class="countdown countdown-inline" data-from="{{order.end_time}}" data-labels="年,月,周,日,时,分,秒"><!-- Example Date From: December 31, 2018 15:03:26 --></span>
                        内完成支付，否则订单会自动作废。

                    </div>
                    {%endif%}
                    <div class="table-responsive">
                        <table class="table">

                            <tbody>
                            <tr >
                                <td class="text-right">订单编号：</td>
                                <td>{{order.order_no}}</td>
                            </tr>
                            <tr class="danger ">
                                <td class="text-right">订单金额：</td>
                                <td class="text-danger size-18">￥{{order.order_amount|formatCurrency}}</td>
                            </tr>
                            <tr class="">
                                <td class="text-right">支付方式：</td>
                                <td>
                                    <div class="pay-box">


                                        <div class="icheck pay-list m-b">
                                            {% for val in paylist %}
                                            <div class="item">
                                                <input type="radio" name="payment" value="{{val.id}}" {% if val.id==
                                                       order.payment %} checked {% endif%}>
                                                <label><img src="{{val.logo}}"/> {{val.title}} </label>
                                            </div>
                                            {% endfor %}
                                            {% if controller.setup.PREPAID == 0 %}
                                            <div class="item">
                                                <input type="radio" name="payment" value="100" {% if paylist|length == 0  or 100==
                                                       order.payment %} checked {% endif%}>
                                                <label><img src="/static/admin/img/pingxx/yfk.png"/> 预付款支付 </label>
                                            </div>
                                            {% endif %}
                                            {% if controller.setup.COD == 0 %}
                                            <div class="item">
                                                <input type="radio" name="payment" value="1001" {% if (paylist|length == 0 and controller.setup.PREPAID == 1) or 1001==
                                                       order.payment %} checked {% endif%}>
                                                <label><img src="/static/admin/img/pingxx/hdfk.png"/> 货到付款 </label>
                                            </div>
                                            {% endif %}
                                        </div>


                                    </div>
                                </td>
                            </tr>

                            </tbody>
                        </table>
                    </div>


                </div>

            </div>

            <div class="callout alert alert-default  noborder">
              <input type="hidden" value="{{order.id}}" name="order_id">
                <div class="text-center">
                    <a class="btn btn-3d btn-reveal btn-green pingpp_pay" href="javascript:;">
                        <i class="fa fa-credit-card"></i>
                        <span>立即支付</span>
                    </a>


                </div>

            </div>
            </div>
    </section>

<!-- /CART -->


{% endblock %}

{% block script%}
<!-- PAGE LEVEL SCRIPTS -->
<script type="text/javascript" src="/static/assets/js/view/demo.shop.js"></script>
{% endblock %}